@charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; } .react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time { border-radius: 0.3rem; } .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; } .react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; } .react-datepicker__current-month, .react-datepicker-time__header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; } .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; } .react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; } .react-datepicker__month-container { float: left; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 70px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 70px; overflow-x: hidden; margin: 0 auto; text-align: center; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day { cursor: pointer; } .react-datepicker__day:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today { font-weight: bold; } .react-datepicker__day--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__day--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { background-color: transparent; border: 0; cursor: pointer; outline: 0; padding: 0; vertical-align: middle; position: absolute; height: 16px; width: 16px; top: 25%; right: 7px; } .react-datepicker__close-icon::after { background-color: #216ba5; border-radius: 50%; bottom: 0; box-sizing: border-box; color: #fff; content: "\D7"; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 1; margin: -8px auto 0; padding: 2px; position: absolute; right: 0px; text-align: center; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}@-webkit-keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:-moz-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}@-webkit-keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:-moz-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);border:none;padding:0;background:transparent}.splide__arrow svg{width:2.5em;height:2.5em;fill:#00bfff;transition:fill .2s linear}.splide__arrow:hover{cursor:pointer}.splide__arrow:hover svg{fill:#66d9ff}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:10px;height:10px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:all .2s linear;border:none}.splide__pagination__page.is-active{transform:scale(1.4);background:#00bfff}.splide__pagination__page:hover{cursor:pointer;background:#66d9ff}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#00bfff}.splide__spinner{border:2px solid #00bfff;border-left-color:transparent}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#00bfff;opacity:1}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)}/** * 此處給予不會 scss 語法的人使用 * 如果你會 scss 語法，建議直接修改 resources/assets/sass/project/{siteid}/style.scss 檔案 * 想學的人可以先看看以下幾個基本教學 * * http://eddychang.me/blog/others/91-scss-15-mins.html * http://augus-blog.logdown.com/posts/143401-scss-tutorial * https://chentsu.wordpress.com/2013/10/21/css-scss-%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95/ */ @charset "UTF-8"; /* * Bootstrap 4 解析度區塊斷點 */ /** * 預設字型 */ /** * 自動產生案件 url 路徑 * * @param Number $siteid 站台 id * @param String $filename 檔名 */ /** * 字型引入幫助 * * @param String $familyName 字型家族名稱 * @param String $fontPath 字型目錄 / 檔案名稱 * @param String $fontPathExtend 字型檔名延伸 * @param String $type 檔案類別; 預設 woff * @param String $style 字型樣式; 預設 normal * @param String $weight 字型寬度; 預設 400 */ /** * 依 px 計算出 em * * @param Number $fontSize 目標像素大小 * @param Number $baseSize 父層字元像素大小; 預設 16 * @param String $unit 輸出單位 em|rem; 預設 em * @return String 計算後 em 值 */ /** * phtoshop 字距百分比換算像素 * * @param Number $percent photoshop 字距百分比 * @param Number $baseSize 父層字元像素大小; 預設 16 * @return String 計算後像素值 */ /** * 指定格線下指定格數寬度計算式 * * @param Number $colNumber 指定格數；預設 1 * @param Number $gap 間隔寬度像素；預設 15 * @param Number $grid 最大格數；預設 12 * @param Number $maxWidth 整體區塊最大寬度 * @return String calc 計算式 */ /** * 計算中間值並輸出 clamp 語法 * @param String $min 最小像素值 * @param String $max 最大像素值 * @param String $minView 最小視窗像素值 * @param String $maxView 最大視窗像素值 */ /** * 字串替換函式 * @param String $string 原始字串 * @param String $search 搜尋字串 * @param String $replace 替換字串 */ /** * Google 字型自動替換公司代理鏡像 * @param String Google 字型嵌入網址 */ /** * 文字段行 */ /** * 限制只顯示一行文字，超出截斷顯示 ... */ /** * 絕對置中 * * @param Number $zIndex z-index * @param String $position 自訂元素 position */ /** * 水平置中 * * @param Number $zIndex z-index * @param String $position 自訂元素 position */ /** * 垂直置中 * * @param Number $zIndex z-index * @param String $position 自訂元素 position */ /** * 文字前加上星號 * * @param String $color 顏色 */ /** * 去除 chorme 表單欄位高亮外框 */ /** * 去除表單數字欄位按鈕 */ /** * 快速套用 transition 動態 */ /** @media 助理方法 srart **********************************************/ /** * 大於 $size 套用樣式 * * @param Number $width 最小範圍 */ /** * 小於 $size 套用樣式 * * @param Number $width 最大範圍 */ /** * 介於 $min 與 $max 之間套用樣式 * * @param Number $width 最大範圍 */ /** @media 助理方法 end **********************************************/ #branch-business #branch-filter #branch-filter-send, #branch-business #branch-filter #branch-filter-clear, #siblings-link #siblings-link-wrap .link a { color: #000; font-size: 1.1875em; background: #FFF; border: 1px solid #000; border-radius: 0; padding: 7px 2em; cursor: pointer; white-space: nowrap; } #branch-business #branch-filter #branch-filter-send:hover, #branch-business #branch-filter #branch-filter-clear:hover, #siblings-link #siblings-link-wrap .link a:hover { color: #000; box-shadow: 1px 1px 3px #CCC; text-decoration: none; } #branch-business #branch-filter [disabled]#branch-filter-send, #branch-business #branch-filter [disabled]#branch-filter-clear, #siblings-link #siblings-link-wrap .link a[disabled] { color: #ACACAC; border-color: #ACACAC; box-shadow: none; } @media (max-width: 767px) { #branch-business #branch-filter #branch-filter-send, #branch-business #branch-filter #branch-filter-clear, #siblings-link #siblings-link-wrap .link a { font-size: 1em; } } /** React DatePicker start *********************************************/ /** React DatePicker end ***********************************************/ /** toast 套件 start ****************************************************/ .jq-toast-wrap { font-size: 1rem; } .jq-toast-wrap .jq-toast-single { font-size: 0.875em; font-weight: normal; } .jq-toast-wrap .jq-toast-single .jq-toast-heading { font-size: 1.1428571429em; } /** toast 套件 end ******************************************************/ /** React-select start *************************************************/ .react-select { min-width: 200px; } /** React-select end ***************************************************/ /** Address_tw start ***************************************************/ .address_tw_split_view > * { width: 100% !important; } .address_tw_split_view + * { margin-top: 15px; } /** Address_tw end *****************************************************/ /** 共用 class 設定 start ***********************************************/ .pointer { cursor: pointer; } .btn { white-space: nowrap; } /** 共用 class 設定 end *************************************************/ /** 列表縮圖正方形 start *************************************************/ .thumb { position: relative; display: block; height: auto !important; } .thumb:after { content: ""; display: inline-block; width: 0; padding-top: 100%; vertical-align: middle; } .thumb img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto; } /** 列表縮圖正方形 end ***************************************************/ /** * 動態相關 css start *************************************************** * 產生 .animate-linear-fast .animate-both-common .... 等快速套用 css class */ .animate-linear-fast { transition: all linear 0.25s; } .animate-in-fast { transition: all ease-in 0.25s; } .animate-out-fast { transition: all ease-out 0.25s; } .animate-both-fast { transition: all ease-in-out 0.25s; } .animate-fast { transition: all ease-in-out 0.25s; } .animate-linear-common { transition: all linear 0.5s; } .animate-in-common { transition: all ease-in 0.5s; } .animate-out-common { transition: all ease-out 0.5s; } .animate-both-common { transition: all ease-in-out 0.5s; } .animate-common { transition: all ease-in-out 0.5s; } .animate-linear-slow { transition: all linear 1s; } .animate-in-slow { transition: all ease-in 1s; } .animate-out-slow { transition: all ease-out 1s; } .animate-both-slow { transition: all ease-in-out 1s; } .animate-slow { transition: all ease-in-out 1s; } .animate { transition: all ease-in-out 0.5s; } /** 動態相關 css end ***************************************************/ /** 切換開關 start *****************************************************/ .toggle_btn .toggle_wrap.toggle_left:before, .toggle_btn .toggle_wrap.toggle_right:before { content: ""; position: absolute; top: 0; width: calc(100% - 36.5px); height: 100%; z-index: 10; } .toggle_btn { display: inline-block; } .toggle_btn .toggle_wrap { position: relative; border-radius: 0.25rem; overflow: hidden; } .toggle_btn .toggle_wrap.toggle_right:before { left: 0; } .toggle_btn .toggle_wrap.toggle_left:before { right: 0; } .toggle_btn .toggle_wrap button.toggle_item { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; } .toggle_btn .toggle_touch { z-index: 5; border-color: transparent #333 transparent #333; } /** 切換開關 end *******************************************************/ /** 快速提示 start *****************************************************/ .quick_notice { position: fixed; left: 50%; transform: translateX(-50%); z-index: 999; top: 0; padding: 0.5em 2em 0.8em 2em; border-radius: 0 0 0.25em 0.25em; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .quick_notice.hidden { transform: translate(-50%, -110%); } .quick_notice span { font-size: 1em; vertical-align: middle; } .quick_notice small { display: inline-block; vertical-align: middle; padding: 0.2em; cursor: pointer; } /** 快速提示 end *******************************************************/ /** Cookies 提示 start ************************************************/ #cookies-consent { position: fixed; bottom: 0; left: 0; width: 100%; color: #FFF; z-index: 10000000; font-size: 0.875rem; } #cookies-consent #cookies-consent-content { position: relative; padding: 1em; background-color: rgba(0, 0, 0, 0.85); box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.5), 0 3px 5px rgba(0, 0, 0, 0.5); } #cookies-consent #cookies-consent-content button { color: #FFF; background-color: transparent; border-color: #FFF; border-width: 1px; border-radius: 0; font-size: 0.9375em; padding: 0.8em; min-width: 13em; } #cookies-consent #cookies-consent-content button + button { margin-left: 1em; color: #777; border: 1px solid #777; } #cookies-consent #cookies-consent-content button:hover { background-color: black; } @media (max-width: 575px) { #cookies-consent #cookies-consent-content button { min-width: 0; padding: 0.5em; width: calc(50% - 1em); } } #cookies-consent #cookies-consent-content #consent-query { position: relative; text-align: center; z-index: 2; } #cookies-consent #cookies-consent-content #consent-query a { color: #DDD; text-decoration: underline; } #cookies-consent #cookies-consent-content #consent-query a:hover { color: #FFF; text-decoration: none; } #cookies-consent #cookies-consent-content #disallow-query { display: none; position: relative; z-index: 2; } #cookies-consent #cookies-consent-content #disallow-query button { min-width: 13em; margin-left: auto; } @media (max-width: 575px) { #cookies-consent #cookies-consent-content #disallow-query button { min-width: 0; margin: 0; width: 100%; } } #cookies-consent.hidden #cookies-consent-content { transform: translateY(120%); } #cookies-consent.false { position: relative; margin-bottom: 1em; } #cookies-consent.false #consent-query { display: none !important; } #cookies-consent.false #disallow-query { display: flex !important; } /** Cookies 提示 end **************************************************/ /** 首頁彈跳視窗 start **************************************************/ #popup { z-index: 9999999; } /** 首頁彈跳視窗 end ****************************************************/ /** react range 元件 start **************************************************/ .react-range-component { position: relative; padding: 9px; margin: 10px 0; } .react-range-component .react-range-component-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; } .react-range-component .react-range-component-wrapper .react-range-component-scroll-bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 3px; background-color: #CCC; z-index: 1; } .react-range-component .react-range-component-wrapper .react-range-component-scroll-bar-inner { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; left: 0%; width: 100%; height: 3px; background-color: #000; z-index: 2; } .react-range-component .react-range-component-wrapper .react-range-component-point { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; pointer-events: none; outline: none; top: -1.5px; left: 0; width: 100%; height: 0; z-index: 3; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; /* For Chrome browsers */ /* For Firefox browsers */ } .react-range-component .react-range-component-wrapper .react-range-component-point::-webkit-slider-thumb { background-color: #f1f5f7; border: none; border-radius: 50%; box-shadow: 0 0 1px 1px #ced4da; cursor: ew-resize; height: 18px; width: 18px; margin-top: 4px; pointer-events: all; position: relative; -webkit-appearance: none; } .react-range-component .react-range-component-wrapper .react-range-component-point::-moz-range-thumb { background-color: #f1f5f7; border: none; border-radius: 50%; box-shadow: 0 0 1px 1px #ced4da; cursor: ew-resize; height: 18px; width: 18px; margin-top: 4px; pointer-events: all; position: relative; -moz-appearance: none; } .react-range-component .react-range-component-wrapper .react-range-component-point.react-range-component-max-point { z-index: 4; } /** react range 元件 end ****************************************************/ /** alibaba icon start *****************************************************/ @font-face { font-family: "icomoon-alibaba"; src: url(/dist/fonts/icomoon-alibaba.eot?d6f0bb7f58f5192be6137c2b5677bc41); src: url(/dist/fonts/icomoon-alibaba.eot?d6f0bb7f58f5192be6137c2b5677bc41) format("embedded-opentype"), url(/dist/fonts/icomoon-alibaba.ttf?10da8685166b923864b3bbe82f44ca6a) format("truetype"), url(/dist/fonts/icomoon-alibaba.woff?e9c03550f4068f68abfd95adea039fa5) format("woff"), url(/dist/fonts/icomoon-alibaba.svg?e0d37e449e4511ad37d550750f558e36) format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=common-alibaba], [class*=" common-alibaba"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon-alibaba" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .common-alibaba:before { content: "\E902"; font-size: 1.2em; } /** alibaba icon end *******************************************************/ /** ip2 location start ************************************************/ #ip2-location { position: -webkit-sticky; position: sticky; top: 0; z-index: 99999; width: 100%; text-align: center; display: flex; align-items: center; color: #f8f9fa; background-color: rgba(0, 0, 0, 0.9); box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.5), 0 3px 20px rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { #ip2-location { display: block; z-index: 999; } } #ip2-location .description { flex: 4; padding: 1em; font-size: 1.2em; } @media (max-width: 767px) { #ip2-location .description { padding: 0.5em; } } #ip2-location .suggestion { flex: 3; padding: 1em; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { #ip2-location .suggestion { padding: 0; } } #ip2-location .suggestion .text { display: flex; align-items: center; } #ip2-location .suggestion .text .language { background-color: #f00; margin: 0.5em; padding: 0.5em; border-radius: 15%; } #ip2-location .suggestion .submit { display: flex; align-items: center; } #ip2-location .suggestion .submit button { background: none; color: inherit; margin: 0.2em; } #ip2-location .suggestion .submit #dont_show_redirect { border: none; } #ip2-location .suggestion .text, #ip2-location .suggestion .submit { padding: 0.2em; } #ip2-location.hidden { transform: translateY(-120%); transition: transform 1s ease; } /** ip2 location end **************************************************/ /** No recaptcha style start ******************************************/ #no-recaptcha-render { transition: all ease-in-out 1s; position: fixed; bottom: 20px; right: 20px; display: block; padding: 10px 16px; background-color: #FFF; border-style: solid; border-width: 1px 1px 1px 5px; border-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; transform: translateX(0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #no-recaptcha-render.hide { transform: translateX(calc(100% + 15px)); } #no-recaptcha-render:hover { transform: translateX(0); } /** No recaptcha style end ********************************************/ #banner #banner_block .splide__slide video { width: 100%; } #banner .banner-image { width: 100%; height: auto; } #banner .splide__slide { outline: none; } #banner .splide__pagination__page { margin-left: 10px; margin-left: 10px; } #banner .splide__pagination__page:hover { background: #999; } #banner .splide__pagination__page.is-active { background: #333; } #banner .banner_summary { background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.025)); padding: 20px 35px; padding-right: 70px; position: absolute; bottom: 0; color: #fff; font-size: 18px; } #banner .banner_summary p { margin-bottom: 0; } @media (max-width: 767px) { #banner .banner_summary { position: static; } } #language_textlist { max-width: 60%; text-align: justify; } #language_textlist span.separate_line { color: #D4D4D4; margin-right: 10px; margin-left: 10px; } #language_textlist > div > span:nth-child(1) .separate_line { display: none; } #language_icondropdown .fa-globe { font-size: 1.3em !important; margin-right: 7px; } #language_icondropdown .dropdown-menu.show { transform: translate3d(-50%, 25px, 0px) !important; top: 10px !important; left: 50% !important; text-align: center; z-index: 10000; } #language_icondropdown .dropdown-menu.show::before { border-color: transparent; border-bottom-color: #FAF0EF; border-style: solid; border-top: 0; border-width: 8px; content: ""; display: block; position: absolute; top: -10px; left: 45%; } #language_icondropdown .dropdown a:hover { color: #f68980; } #language_icondropdown .dropdown > a { display: flex; align-items: center; } #language_icondropdown .dropdown .dropdown_flag { width: 20px; margin-right: 5px; } /* 不顯示文字 */ #language_icondropdown.only_icon { display: flex; align-items: center; } #language_icondropdown.only_icon .fa-globe { font-size: 1.5em !important; margin: 0; } #language_icondropdown.only_icon .dropdown-menu.show { top: 15px !important; left: -70px !important; transform: translate3d(0px, 25px, 0px) !important; } #language_icondropdown.only_icon #lang_text { display: none; } /* 只顯示文字 */ #language_icondropdown.only_text .dropdown i, #language_icondropdown.only_text .dropdown img { display: none; } #menu_bottom > ul { padding: 0; margin: 0; list-style: none; } #menu_bottom > ul li { vertical-align: middle; display: inline-block; margin: 0; } #menu_bottom > ul li + li::before { vertical-align: middle; display: inline-block; content: "/"; margin: 0 15px; color: #fff; } #copyright { text-align: right; } #siblings-link { margin-top: 1.5em; margin-bottom: 1.5em; } #siblings-link #siblings-link-wrap { display: flex; justify-content: flex-end; } #siblings-link #siblings-link-wrap .link { text-align: center; margin-left: 0.5em; } #siblings-link #siblings-link-wrap .link a { font-size: 0.875em; border-radius: 10px; border-color: #999; } #siblings-link #siblings-link-wrap .link a:hover { background-color: #333; color: #FFF; } #siblings-link #siblings-link-wrap .link i { margin-right: 0.5em; } #siblings-link #siblings-link-wrap .link:last-child i { margin-left: 0.5em; } /* 熱門商品追蹤愛心 */ .hot_product { position: absolute; font-size: 25px; margin-top: -30px; right: 10px; background-color: transparent; border: 0; line-height: 1; } .hot_product:focus { outline: none; } .follow { color: gray; } .follow:hover { color: red; transition: color 0.4s; } .followed { color: red; } .product_follow { text-align: right; } .product_follow .hot_top_product { position: absolute; font-size: 32px; margin: -50px 0px 0px -60px; background-color: transparent; border: 0; line-height: 1; } .product_follow .hot_top_product:focus { outline: none; } /* 產品列表追蹤愛心樣式 */ .product_item_heart { position: absolute; font-size: 30px; margin: -35px 0px 0px 50px; background-color: transparent; border: 0; line-height: 1; } .product_item_heart:focus { outline: none; } @media (max-width: 767px) and (min-width: 541px) { /** 熱門商品追蹤愛心 **/ .hot_product { position: absolute; font-size: 25px; margin-top: -40px; right: 20%; background-color: transparent; border: 0; line-height: 1; } .hot_product:focus { outline: none; } } @media (max-width: 540px) { /** 熱門商品追蹤愛心 **/ .hot_product { position: absolute; font-size: 25px; margin-top: -35px; right: 15%; background-color: transparent; border: 0; line-height: 1; } .hot_product:focus { outline: none; } } @media (max-width: 540px) and (min-width: 415px) { /* 產品列表追蹤愛心樣式 */ .product_item_heart { position: absolute; font-size: 30px; margin-top: -80px; right: 20%; background-color: transparent; border: 0; line-height: 1; } .product_item_heart:focus { outline: none; } } #product-filter { margin-bottom: 1em; } #product-filter .navbar { padding: 1em; } #product-filter .navbar #navbar-response-collapse button.nav-item { border-color: #CCC; border-radius: 0; outline: none; color: #000; } #product-filter .navbar #navbar-response-collapse button.nav-item:hover, #product-filter .navbar #navbar-response-collapse button.nav-item.active { background-color: #333; color: #FFF; } #product-filter .navbar #navbar-response-collapse button.nav-item + button.nav-item { margin-left: 1em; } @media (max-width: 1199px) { #product-filter .navbar #navbar-response-collapse button.nav-item + button.nav-item { margin-left: 0; } } @media (max-width: 1199px) { #product-filter .navbar #navbar-response-collapse button.nav-item { text-align: left; margin-top: 1em; padding: 0.5em 1em; } } #product-filter .navbar #navbar-response-collapse #product-filter-range-form { margin-left: 1em; } @media (max-width: 1199px) { #product-filter .navbar #navbar-response-collapse #product-filter-range-form { margin-left: 0; margin-top: 1em; } } #product-filter .navbar #navbar-response-collapse #product-filter-range-form input, #product-filter .navbar #navbar-response-collapse #product-filter-range-form button { border-radius: 0; } /* 銷售排行榜 */ .sales_rank_title { padding-bottom: 1.5em; } .sales_rank_list { padding: 0; margin: 0; list-style-type: none; } .sales_rank_list > li { padding: 0 0 2em 0; } .sales_rank_list > li .sales_rank_link { text-decoration: none; cursor: pointer; } .sales_rank_list > li .sales_rank_link:hover { color: #ec651f; } .sales_rank_list > li .sales_rank_link:hover .sales_rank_item .sales_rank_info .sales_rank_name, .sales_rank_list > li .sales_rank_link:hover .sales_rank_item .sales_rank_info .sales_rank_summary { color: #ec651f; } .sales_rank_list > li .sales_rank_link:hover .sales_rank_item .sales_rank_image div img { transform: scale(1.1); } .sales_rank_list > li .sales_rank_link .sales_rank_item { padding: 0 0 0em 0.7em; margin: 0; width: 100%; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_info { width: 60%; display: inline-block; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_info .sales_rank_index { font-family: Arial, Helvetica, sans-serif; font-size: 1.75em; font-style: italic; font-weight: 900; color: #ec651f; letter-spacing: 0.15em; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_info .sales_rank_name { font-size: 1.1em; font-weight: 700; color: black; padding: 0.5em 0.2em 0em 0.4em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_info .sales_rank_summary { font-size: 1em; color: black; padding: 0.5em 0.2em 0em 0.4em; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_image { width: 40%; vertical-align: top; display: inline-block; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_image > div { border: 2px #F5F5F5 solid; padding: 1px; overflow: hidden; } .sales_rank_list > li .sales_rank_link .sales_rank_item .sales_rank_image > div img { transition: all 0.3s; } #siblings-link { margin-top: 1.5em; margin-bottom: 1.5em; } #siblings-link #siblings-link-wrap { display: flex; justify-content: flex-end; } #siblings-link #siblings-link-wrap .link { text-align: center; margin-left: 0.5em; } #siblings-link #siblings-link-wrap .link a { font-size: 0.875em; border-radius: 10px; border-color: #999; } #siblings-link #siblings-link-wrap .link a:hover { background-color: #333; color: #FFF; } #siblings-link #siblings-link-wrap .link i { margin-right: 0.5em; } #siblings-link #siblings-link-wrap .link:last-child i { margin-left: 0.5em; } @media (max-width: 767px) { #branch-business #branch-aside-toggle { display: none; } } #branch-business #branch-list { position: relative; height: 500px; border: 1px solid #EEE; } @media (max-width: 767px) { #branch-business #branch-list { height: auto; } } #branch-business #branch-list.grid { height: auto; } #branch-business #branch-list #branch-items { width: 40%; overflow-y: scroll; } #branch-business #branch-list #branch-items.aside-hide { width: 30%; } @media (max-width: 991px) { #branch-business #branch-list #branch-items.aside-hide { width: 50%; } } @media (max-width: 767px) { #branch-business #branch-list #branch-items.aside-hide { width: 100%; } } @media (max-width: 991px) { #branch-business #branch-list #branch-items { width: 50%; } } @media (max-width: 767px) { #branch-business #branch-list #branch-items { width: 100%; min-height: 100px; max-height: 300px; } } #branch-business #branch-list #branch-items.grid { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; width: 100%; padding: 15px 15px 0 15px; overflow: visible !important; } @media (max-width: 767px) { #branch-business #branch-list #branch-items.grid { min-height: 100px; max-height: none; } } #branch-business #branch-list #branch-items.grid .branch-info { position: relative; display: flex; flex-wrap: nowrap; flex-direction: column-reverse !important; justify-content: flex-end !important; padding: 15px; border: 1px solid #DDD; margin: 0 7.5px 15px 7.5px; } @media (min-width: 992px) { #branch-business #branch-list #branch-items.grid .branch-info { width: calc(33.3333333333% - 10px); } #branch-business #branch-list #branch-items.grid .branch-info:nth-child(3n+1) { margin-left: 0; } #branch-business #branch-list #branch-items.grid .branch-info:nth-child(3n+3) { margin-right: 0; } } @media (max-width: 991px) { #branch-business #branch-list #branch-items.grid .branch-info { width: calc(50% - 7.5px); } #branch-business #branch-list #branch-items.grid .branch-info:nth-child(2n+1) { margin-left: 0; } #branch-business #branch-list #branch-items.grid .branch-info:nth-child(2n+2) { margin-right: 0; } } @media (max-width: 767px) { #branch-business #branch-list #branch-items.grid .branch-info { width: 100%; margin-right: 0; margin-left: 0; } } #branch-business #branch-list #branch-items.grid .branch-info .image-line { content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; display: block; top: 172.5px; height: 1px; width: 100%; background-color: #DDD; } #branch-business #branch-list #branch-items.grid .branch-info .branch-info-image { width: 100%; height: 150px; text-align: center; margin-bottom: 15px; } #branch-business #branch-list #branch-items.grid .branch-info .branch-info-image img { display: inline-block; max-width: 100%; max-height: 100%; } #branch-business #branch-list #branch-items.grid dt { font-weight: bold; margin-bottom: 0.5em; } #branch-business #branch-list #branch-items.grid dd .marker-icon { display: inline-block; text-align: center; width: 20px; margin-right: 0.5em; vertical-align: top; } #branch-business #branch-list #branch-items.grid dd .marker-icon + span { width: calc(100% - (20px + 0.5em)); display: inline-block; word-wrap: break-word; } #branch-business #branch-list #branch-items.grid dd.open-at ul { list-style: none; padding-left: 0; margin-bottom: 0; } #branch-business #branch-list #branch-items .branch-item { padding: 0.5em; border-width: 1px; border-style: none none solid none; border-color: #DDD; cursor: pointer; } #branch-business #branch-list #branch-items .branch-item:nth-child(even) { background-color: #EEE; } #branch-business #branch-list #branch-items .branch-item dl { margin: 0; } #branch-business #branch-list #branch-items .branch-item dl dt { font-size: 15px; font-weight: bold; color: #555; margin-bottom: 1em; } #branch-business #branch-list #branch-items .branch-item dl dd { font-size: 14px; font-weight: normal; color: gray; margin-bottom: 0.5em; } #branch-business #branch-list #branch-map { width: 60%; height: 100%; } #branch-business #branch-list #branch-map.aside-hide { width: 70%; } @media (max-width: 991px) { #branch-business #branch-list #branch-map.aside-hide { width: 50%; } } @media (max-width: 767px) { #branch-business #branch-list #branch-map.aside-hide { width: 100%; } } @media (max-width: 991px) { #branch-business #branch-list #branch-map { width: 50%; } } @media (max-width: 767px) { #branch-business #branch-list #branch-map { width: 100%; height: 300px; } } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info { display: flex; flex-wrap: nowrap; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dt { font-size: 1.5em; font-weight: 600; margin-bottom: 0.5em; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dd { display: flex; flex-wrap: nowrap; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dd + dd { margin-top: 0.5em; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dd .marker-icon { display: inline-block; text-align: center; width: 15px; margin-right: 0.5em; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dd.open-at ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: -0.25em; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info dl dd span + span { word-wrap: break-word; margin-top: -0.15em; } #branch-business #branch-list #branch-map #google-map-wrapper .google-map-marker .branch-info-image { margin-left: 20px; } #branch-business #branch-paginate { margin-top: 20px; } #branch-business #branch-filter { position: relative; padding: 15px; margin-bottom: 1em; border: 1px solid #EEE; } #branch-business #branch-filter #branch-filter-toggle { display: flex; justify-content: flex-end; align-items: center; } #branch-business #branch-filter #branch-filter-toggle.has-expanded { display: block; position: absolute; right: 10px; top: 10px; z-index: 2; } #branch-business #branch-filter #branch-filter-toggle.has-expanded span { display: none; } #branch-business #branch-filter #branch-filter-toggle span { margin-right: 1em; } #branch-business #branch-filter #branch-attributes dl dt { width: 8em; margin-right: 1em; } @media (max-width: 767px) { #branch-business #branch-filter #branch-attributes dl dt { width: auto; margin-right: 0; } } #branch-business #branch-filter #branch-attributes dl dd { margin-bottom: 0; } #branch-business #branch-filter #branch-attributes dl dd + dd { margin-left: 1em; } @media (max-width: 767px) { #branch-business #branch-filter #branch-attributes dl dd + dd { margin-left: 0; } } #branch-business #branch-filter dl#branch-location-filter dt { width: 8em; margin-right: 1em; } @media (max-width: 767px) { #branch-business #branch-filter dl#branch-location-filter dt { width: auto; margin-right: 0; } } #branch-business #branch-filter dl#branch-location-filter dd { margin-bottom: 0; } #branch-business #branch-filter dl#branch-location-filter dd + dd { margin-left: 1em; } @media (max-width: 767px) { #branch-business #branch-filter dl#branch-location-filter dd + dd { margin-left: 0; margin-top: 0.5em; } } .label-show-wrapper { margin-bottom: 1em; } .label-show-wrapper dl { margin-bottom: 0; } .label-show-wrapper dl > * { margin-bottom: 0; } .label-show-wrapper dl dt { font-weight: normal; margin-bottom: 0.25em; } .label-show-wrapper dl dd { position: relative; display: inline-block; } .label-show-wrapper dl dd::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: calc(100% - 0.25em); height: calc(100% - 0.25em); background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .label-show-wrapper dl dd a { display: block; position: relative; padding: 0.5em; color: #666; z-index: 2; } .label-show-wrapper dl dd a:hover { color: #333; } @font-face { font-family: "Lato"; font-style: "normal"; font-display: swap; font-weight: 400; src: url(/dist/fonts/Lato-Regular.woff2?129179c4eeb1d784d3d3ad95e0b35905) format("woff2"); } @font-face { font-family: "Abel"; font-style: "normal"; font-display: swap; font-weight: 400; src: url(/dist/fonts/Abel-Regular.woff2?8a3120a94e363ce8867bee0f08d89510) format("woff2"); } @font-face { font-family: "Bitter"; font-style: "normal"; font-display: swap; font-weight: 400; src: url(/dist/fonts/Bitter-Bold.woff2?3d6fd7c8fbfbcde04e2f8c4cd22168ab) format("woff2"); } @font-face { font-family: "HelveticaNeueLTPro"; font-style: "normal"; font-display: swap; font-weight: 400; src: url(/dist/fonts/HelveticaNeueLTPro-Roman.woff2?560c11462e08a7810c35651c8c143ff9) format("woff2"); } body { font-family: Microsoft JhengHei, Helvetica, Arial, sans-serif; } a:hover { text-decoration: none; } #btn_more { background: inherit; border: 1px solid #a4a4a4; border-radius: 15px; padding: 5px 10px 5px 10px; transition: all 0.3s; } #btn_more:hover { background-color: #df0000 !important; color: #fff !important; text-shadow: none; border-color: #df0000 !important; } .navbar-header { width: 100%; } #banner .banner_summary .summary_content { font-size: 1.5625em; } #aboutus .aboutus_summary { font-size: 1.5em; } #product-area .more_btn { font-size: 0.875em; } #menu_top a, #product_hot .pro_title, #product-area #product_hot .pro_summary, #news_hot .txt_summary, #product_list .grid_content .grid_content_info .grid_model { font-family: "Lato", Microsoft JhengHei, Helvetica, Arial, sans-serif; } #menu_top a { font-size: 1.25em; } #product_hot .pro_title { font-size: 1.25em; font-weight: 900; } #banner .banner_summary .summary_title, #banner .banner_summary .summary_subtitle { font-family: "Abel", Microsoft JhengHei, Helvetica, Arial, sans-serif; } #banner .banner_summary .summary_title, #banner .banner_summary .summary_subtitle { font-size: 3.5em; line-height: 60px; } #aboutus-area h4, #news-area h4, #product-area h4, #news_hot .txt_title { font-family: "Bitter", Microsoft JhengHei, Helvetica, Arial, sans-serif; } #aboutus-area h4, #product-area h4 { font-size: 3.125em; } #product-area h4 { font-weight: 400; } #news-area h4 { font-size: 2.8125em; } #footer .company_name { font-size: 1.5em; } #news_hot .date_data { font-family: "Roboto Condensed", Microsoft JhengHei, Helvetica, Arial, sans-serif; } #aside_menu .aside_title_text { font-family: "HelveticaNeueLTPro", Microsoft JhengHei, Helvetica, Arial, sans-serif; } #product-show-page .pro_detail .product-show-right-title, [lang=en] #product_list .grid_content .grid_content_info .grid_model, [lang=en] #product_list .grid_content .grid_content_bottom .grid_price, [lang=en] .breadcrumb-item a, [lang=en] #bread_area .breadcrumb-item.active, [lang=en] #content #main_title { font-family: Arial, Microsoft JhengHei, Helvetica, sans-serif; } #product-show-page h1.content-title { font-size: 1.875em; font-weight: 500; } #aside_menu .aside_title_text { font-weight: 800; } .cate_summary { font-size: 24px; font-weight: 500; margin-bottom: 30px; } .cate_summary a { color: #337ab7; } .cate_summary a:hover { color: #df0000; } #aboutus-area h4 { font-weight: 400; } [lang=en] #header { padding-top: 14px; } #header { padding-top: 15px; padding-bottom: 17px; } #header .logo_img { max-height: 75px; max-width: 100%; } #header #element_top { display: flex; justify-content: flex-end; font-size: 0.875em; } #header #element_top a { color: #000; } #header #element_top a:hover { color: #df0000; } #header #element_top #cart_area { margin-right: 10px; } #header #element_top #user_area > a { margin-right: 10px; } #header #element_top #language_textlist span.separate_line { margin-left: 3px; margin-right: 3px; } #header #element_bottom { display: flex; justify-content: flex-end; align-items: baseline; padding-top: 15px; } #header #element_bottom #search_area { border: 1px solid #ddd; border-radius: 68px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 25%; margin-top: 10px; margin-right: 15px; } #header #element_bottom #search_area > ul { margin: 0; padding-left: 15px; } #header #element_bottom #search_area .form-control { border: none; padding-left: 0; height: 100%; } #header #element_bottom #search_area button.btn-primary { background: inherit; color: #000; border: none; } #header #element_bottom #search_area .input-group-append { transform: scaleX(-1); } #header #element_bottom #search_area .input-group-append .fa-search { font-size: 1.2em; color: #7C7C7C; } #header #element_bottom #contact_area { display: flex; } #header #element_bottom #contact_area .fa-phone { transform: scaleX(-1); color: #D0011B; font-size: 1.5em; align-self: center; margin-right: 15px; } #header #element_bottom #contact_area a { color: #000; font-size: 1.875em; font-weight: bold; } #header #element_bottom #contact_area a:hover { color: #df0000; } #menu_area { background: #000; padding-top: 15px; padding-bottom: 16px; } #menu_area #menu_top a { color: #fff; padding-top: 0; padding-bottom: 0; } #menu_area #menu_top a .has-submenu { padding-right: 27px; } #menu_area .main-nav { background: #000; } #menu_area .main-nav::after { clear: both; content: "\A0"; display: block; height: 0; font: 0px/0 serif; overflow: hidden; } #menu_area .main-nav .sm-clean { border-radius: 0; background: #000; } #menu_area #main-menu { clear: both; background: inherit; } #menu_area .main-menu-btn { margin: 6px 10px; position: relative; display: inline-block; width: 29px; height: 29px; text-indent: 29px; white-space: nowrap; overflow: hidden; cursor: pointer; } #menu_area .main-menu-btn-icon, #menu_area .main-menu-btn-icon::before, #menu_area .main-menu-btn-icon::after { position: absolute; top: 50%; left: 2px; height: 2px; width: 24px; background: #fff; transition: all 0.25s; } #menu_area .main-menu-btn-icon::before { content: ""; top: -7px; left: 0; } #menu_area .main-menu-btn-icon::after { content: ""; top: 7px; left: 0; } #menu_area #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 0; background: transparent; } #menu_area #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { top: 0; transform: rotate(-45deg); } #menu_area #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { top: 0; transform: rotate(45deg); } #menu_area #main-menu-state { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #menu_area #main-menu-state:not(:checked) ~ #main-menu { display: none; } #menu_area #main-menu-state:checked ~ #main-menu { display: block; } #menu_area.fixed { position: fixed; width: 100%; z-index: 99; top: 0px; } @media (min-width: 768px) { #menu_area #menu_top a { background: #000; } #menu_area #menu_top a:hover { color: #df0000; } #menu_area #menu_top a:hover .sub-arrow { border-color: #df0000 transparent transparent transparent; } #menu_area #main-menu { float: left; clear: none; padding: 0; } #menu_area #main-menu > li > ul { top: 200% !important; } #menu_area .navbar-nav { flex-direction: row; } #menu_area .main-menu-btn { position: absolute; top: -99999px; } #menu_area #main-menu-state:not(:checked) ~ #main-menu { display: block; } #menu_area .sm-clean li { border-right: 1px solid #fff; } #menu_area .sm-clean a .sub-arrow { border-color: #fff transparent transparent transparent; } #menu_area .sm-clean ul a .sub-arrow { border-color: transparent transparent transparent #fff; } #menu_area .sm-clean ul a:hover .sub-arrow { border-color: transparent transparent transparent #fff !important; } #menu_area .sm-clean > li > ul::before, #menu_area .sm-clean > li > ul::after { content: none; } #menu_area .sm-clean ul { border-radius: 0% !important; padding: 0; background: inherit; border: none; } #menu_area .sm-clean ul li { border: 0; margin-bottom: 2px; } #menu_area .sm-clean ul li a { padding-top: 6px !important; padding-bottom: 6px !important; padding-right: 25px; transition: all 0.3s; font-size: 0.875em; } #menu_area .sm-clean ul li a:hover { background-color: #DB0000 !important; background-image: none; color: #fff !important; } #menu_area .sm-clean ul li a:active { background-color: #000 !important; } #menu_area .sm-clean ul .has-submenu.highlighted { background: #000 !important; } } @media (max-width: 767px) { #menu_area { background: #0d0d0d; padding: 0; } #menu_area a { font-size: 0.9375em; } #menu_area > .container > .row { justify-content: flex-end; } #menu_area #menu_top { width: calc(100% - 60px); width: 100%; } #menu_area #menu_top #inquiry_shopping_member.row { flex-wrap: nowrap; } #menu_area #menu_top .collapseBox a { width: 100%; } #menu_area #menu_top .main-nav { background: #464646; } #menu_area #menu_top .main-nav #main-menu li { border-bottom: 1px solid #636363; } #menu_area #menu_top .main-nav #main-menu li a { padding-top: 10px; padding-bottom: 10px; } #menu_area #menu_top .main-nav #main-menu li a .sub-arrow { background: inherit; border-left: 1px solid #686868; border-radius: 0; } #menu_area #menu_top .main-nav #main-menu ul li a { background: #fff; color: #000; } #menu_area #menu_top .main-nav #main-menu ul li ul li a { background-color: #e1e1e1; } #menu_area #menu_top .sm-clean { background: #464646; } #menu_area #navTop_smartmenus_v2.navbar-black #closeBtn { display: flex; align-items: center; justify-content: center; font-size: 2.8125em; } } @media (max-width: 576px) { #menu_area #menu_top #inquiry_shopping_member a { width: 50%; margin-bottom: 15px; } #menu_area #menu_top #inquiry_shopping_member { padding-bottom: 0; } #menu_area #menu_top #inquiry_shopping_member.row { flex-wrap: wrap; } #menu_area #menu_top #inquiry_shopping_member a:nth-child(even) { border-right: none; } } #btn_back { background: inherit; border: 1px solid #a4a4a4; border-radius: 15px; padding: 5px 10px 5px 10px; transition: all 0.3s; } #btn_back:hover { background-color: #df0000 !important; color: #fff !important; text-shadow: none; border-color: #df0000 !important; } #footer { background-color: #010101; color: #fff; } #footer .company_name { padding-bottom: 10px; } #footer .footer_top { padding-top: 90px; padding-bottom: 30px; position: relative; } #footer .footer_top .information { font-size: 0.875em; } #footer .footer_top .information ul { list-style: none; padding: 0; margin: 0; } #footer .footer_top .information ul .footer_information_address { display: table; } #footer .footer_top .information ul .footer_information_address a { display: table-cell; } #footer .footer_top a { color: #fff; } #footer .footer_top a:hover { color: #df0000; } #footer .footer_top .sociallink { text-align: right; list-style: none; padding: 0px; } #footer .footer_top .sociallink li { display: inline-block; text-align: left; } #footer .footer_top .sociallink li .svg-inline--fa { font-size: 1.25em; } #footer .footer_top .sociallink .modal-body { color: #000; text-align: left; } #footer .footer_bottom { border-top: 1px #fff solid; padding-top: 20px; padding-bottom: 30px; font-size: 0.875em; } #footer .footer_bottom a { color: #fff; } #footer .footer_bottom a:hover { color: #df0000; } #footer .footer_bottom #copyright { color: #fff; } #footer .footer_bottom #copyright a { color: #fff; } #footer .footer_bottom #copyright a:hover { color: #df0000; } #footer #gotop_animate { position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%); border: 7px solid #fff; background-color: #df0000; color: #fff; border-radius: 50%; font-size: 3em; width: 85px; height: 85px; transition: all 0.5s; } #footer #gotop_animate .fa-chevron-up { width: 60%; position: absolute; top: 10%; left: 21%; } #footer #gotop_animate:hover { background-color: #fff; transform: translate(-50%, -60%); } #footer #gotop_animate:hover .fa-chevron-up { color: #df0000; } @media (min-width: 768px) { .navbar { padding: 0; } .navbar-header { display: none; } #closeBtn { display: none; } #menu_area #menu_top a { padding-bottom: 2px; } #menu_area .sm-clean a .sub-arrow { right: 10px; top: 60%; } #menu_area #main-menu.sm-clean > li { padding-left: 3px; padding-right: 3px; height: 19px; display: flex; align-items: center; } #menu_area .has-submenu { margin-right: 2px; } #language_textlist span.separate_line { color: #333; } #footer .footer_top .sociallink li { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1025px) { #menu_area #main-menu.sm-clean > li { height: 25px; } } @media (max-width: 767px) { #navTop_smartmenus_v2 { font-size: 15px; border: none; z-index: 1030; padding: 12px; } #navTop_smartmenus_v2 .navbar-collapse { position: fixed; top: 0; height: 100% !important; width: 100%; left: 100%; display: block; padding-left: 0; padding-right: 0; overflow-y: auto; z-index: 999; border-top: none; } #navTop_smartmenus_v2 .mobileLeft { width: 20%; height: 100%; float: left; } #navTop_smartmenus_v2 .collapseBox { width: 78%; width: 80%; float: left; height: auto; min-height: 100% !important; } #navTop_smartmenus_v2 .mobile_companyName { width: calc(100% - 60px); color: #fff; } /* 覆蓋用背景 */ #smartmenu_v2_overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; cursor: pointer; } /* 關閉收合按鈕 */ #navTop_smartmenus_v2 #closeBtn { display: block; width: 50px; height: 50px; float: left; margin-left: -52px; background-repeat: no-repeat; background-position: 50%; } #openBtn { background: inherit; border: none; } /* 漢堡包顏色 */ #navTop_smartmenus_v2 #openBtn .icon-bar { background-color: #fff; display: block; width: 22px; height: 2px; margin-bottom: 3px; } #navTop_smartmenus_v2 .dropdown-menu { padding: 0; } #navTop_smartmenus_v2 .navbar-nav { margin: 0; padding: 0 15px 0 15px; } #navTop_smartmenus_v2 .navbar-nav li ul { list-style: none; } #navTop_smartmenus_v2 .nav > li.open > a, #navTop_smartmenus_v2 .nav > li > a:focus, #navTop_smartmenus_v2 .nav > li > a:hover { background-color: transparent; } #navTop_smartmenus_v2 .nav > li.dropdown.open { border-bottom: none; } #navTop_smartmenus_v2 .navbar-nav li a { padding-right: 55px; min-height: 47px; position: relative; } /* 收合鈕 */ #navTop_smartmenus_v2.navbar-black .collapseBox, #navTop_smartmenus_v2.navbar-black #closeBtn { background-color: #464646; color: #fff; text-align: center; } #navTop_smartmenus_v2.navbar-black .navbar-nav > li > ul > li a { color: #252525; border-bottom: 1px solid #a1a1a1; } #navTop_smartmenus_v2.navbar-black .navbar-nav > li { border-bottom: 1px solid #727272; text-align: left; } /* 選單階層顏色 */ #navTop_smartmenus_v2.navbar-black ul.sm > li > ul > li > a { background-color: #ffffff; color: #000 !important; } #navTop_smartmenus_v2.navbar-black ul.sm > li > ul > li > ul > li > a { background-color: #e1e1e1; color: #000 !important; } #navTop_smartmenus_v2.navbar-black ul.sm > li > ul > li > ul > li > ul > li > a { background-color: #d7d7d7; } #navTop_smartmenus_v2.navbar-black ul.sm > li > ul > li > ul > li > ul > li > ul > li > a { background-color: #c2c2c2; } #navTop_smartmenus_v2.navbar-black ul.sm > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { background-color: #acacac; } .scroll_down { overflow: hidden; } #header { padding-top: 20px; padding-bottom: 10px; } #header .logo_img { max-height: 60px; } #header #header-content { text-align: center; } #header #element_bottom { justify-content: center; padding-top: 30px; } #navTop_smartmenus_v2 .navbar-header { display: flex; align-items: center; justify-content: inherit; } #navTop_smartmenus_v2 .navbar-header a { font-size: 1.25em; } #aboutus-area #aboutus img { margin-bottom: 90px; } #product_hot .align-items-stretch { margin-bottom: 100px !important; } #footer .footer_top .sociallink { padding-top: 25px; padding-left: 15px; padding-right: 15px; display: block; text-align: left; } #footer .footer_top .sociallink li { width: 35px; height: 35px; text-align: center; } #footer .footer_top .sociallink .mr-3, #footer .footer_top .sociallink .mx-3 { margin: 0 !important; } #footer #copyright { text-align: left; padding-top: 10px; } #footer #menu_bottom > ul { display: flex; flex-wrap: wrap; } #footer #menu_bottom > ul li { width: 50%; } #footer #menu_bottom > ul li + li::before { display: none; } #search_page #list_grid .grid_content .grid_content_info { padding-top: 30px; } .breadcrumb.breadcrumb_obj { font-size: 14px; } .breadcrumb.breadcrumb_obj a { font-size: 14px; } } @media (max-width: 767px) { #main-menu { padding-left: 15px; padding-right: 15px; } .main-menu-btn.opened { z-index: 99; } .collapseBox #main-menu a { padding-top: 15px !important; padding-bottom: 15px !important; } .sm-clean li { border-bottom: 1px solid #727272; } .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active { padding: 0; } .sm-clean a .sub-arrow { background: inherit; border-left: 1px solid #a4a4a4; border-radius: 0; } i { font-style: inherit; } .sm-clean a .sub-arrow::before { content: none; font-size: 1.5em; } .sm-clean a .sub-arrow .menu_icon_arrow::before { font-family: "Font Awesome 5 Free"; content: "\F054"; } .sm-clean a.highlighted .sub-arrow::before { content: none; } .sm-clean a.highlighted .menu_icon_arrow::before { font-family: "Font Awesome 5 Free"; content: "\F078"; } .sm-clean > li:last-child > ul > li:last-child > a { border-radius: 0; } #search_area { padding-top: 10px; padding-bottom: 10px; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #727272; } #search_area > ul { padding: 0; margin: 0; } #search_area > ul .form-control { border: none; } #search_area > ul button.btn-primary { background: #fff; color: #000; border: none; border-radius: 0; transition: all 0.3s; } #search_area > ul button.btn-primary:hover { background: #df0000; color: #fff; } #language_textlist { padding-top: 35px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; text-align: center; max-width: 100%; } #navTop_smartmenus_v2 .collapseBox #language_textlist a { color: #777; } #navTop_smartmenus_v2 .collapseBox #language_textlist a.active { color: #fff; } #navTop_smartmenus_v2 .collapseBox #language_textlist span.separate_line { color: #464646; } #inquiry_shopping_member { display: flex; justify-content: center; padding-top: 15px; padding-bottom: 15px; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #727272; } #inquiry_shopping_member a { padding-left: 20px; padding-right: 20px; border-right: 1px solid #727272; position: relative; text-align: center; } #inquiry_shopping_member a:last-child { border-right: none; } #inquiry_shopping_member a span.badge { position: absolute; top: -5px; right: 10px; } } #aboutus .aboutus_summary { align-self: center; } #aboutus .aboutus_summary a { color: #434343; } #news_hot .news_item { position: relative; background-color: rgba(255, 255, 255, 0.15); padding: 80px 30px 50px 30px; height: 100%; } #news_hot .news_item:hover { transition: all 0.3s; transform: translateY(-20px); } #news_hot .news_item:hover .date_box .date_data { background-color: #d60000; color: #fff; border-color: #d60000; } #news_hot .news_item:hover .more_box .more { color: #d60000; opacity: 1; } #news_hot .news_item:hover .more_box .more .fa-chevron-down { opacity: 1; } #news_hot .news_item .date_box { position: absolute; transition: all 0.3s; left: 50%; top: 0.4px; transform: translate(-50%, -50%); height: 115px; width: 115px; background-repeat: no-repeat; text-align: center; } #news_hot .news_item .date_box .cercle_box { height: 57.5px; border-radius: 100px 100px 0 0; background-color: white; opacity: 0.13; } #news_hot .news_item .date_box .date_data { line-height: 1; padding-top: 17px; color: rgba(255, 255, 255, 0.65); transition: all 0.3s; border: 2px solid #fff; border-radius: 50%; width: 95px; height: 95px; position: absolute; left: 50%; transform: translate(-50%, -50%); } #news_hot .news_item .date_box .date_data .date_day { font-size: 1.4375em; } #news_hot .news_item .date_box .date_data .date_month { font-size: 2.1875em; } #news_hot .news_item .date_box .date_data span { display: block; font-weight: 600; text-transform: uppercase; } #news_hot .news_item .txt_box { opacity: 0.8; } #news_hot .news_item .txt_box a { color: #fff; } #news_hot .news_item .txt_box .txt_title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 20px; font-size: 1.5em; } #news_hot .news_item .txt_box .txt_summary { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 0.9375em; } #news_hot .news_item .more_box { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-style: solid; border-width: 30px 30px 30px 30px; border-color: rgba(255, 255, 255, 0.15) transparent transparent transparent; } #news_hot .news_item .more_box .more { position: relative; top: -43px; left: -22px; color: #fff; opacity: 0.5; text-transform: uppercase; transition: all 0.3s; font-size: 0.875em; } #news_hot .news_item .more_box .more .fa-chevron-down { position: absolute; left: 13px; top: 19px; font-size: 1.4em; opacity: 0.5; } @media (max-width: 767px) { #news_hot .align-items-stretch { margin-bottom: 120px; } } #product_hot .hot_item_top { margin-left: 15px; margin-right: 15px; padding: 0; padding-bottom: 180px; background: #fff; } #product_hot .hot_item_top .img-fluid { width: 100%; } #product_hot .hot_item_top .item-text { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 40px; } #product_hot .hot_item_top .pro_title a { font-size: 2em; } #product_hot .item { position: relative; text-align: center; background: #fff; height: 100%; margin-bottom: 120px; } #product_hot .item .item-text { padding: 40px 25px 0 25px; text-align: left; } #product_hot .item-bottom { text-align: left; position: absolute; bottom: 40px; left: 25px; } #product_hot .pro_title { margin-bottom: 10px; } #product_hot .pro_title a { color: #000; font-weight: bold; transition: 0.2s; font-size: 1.125em; } #product_hot .pro_title a:hover { color: #f68980; } #product_hot .pro_summary { margin-bottom: 25px; color: #9c9c9c; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.875em; } #product_hot .pro_price { margin-bottom: 15px; color: #000; } #product_hot > .row > .col-md-3 { display: flex; } #aboutus-area { padding-top: 65px; padding-bottom: 100px; background-attachment: fixed; background-position: center; background-size: cover; } #aboutus-area h4 { text-align: center; margin-bottom: 50px; } #aboutus-area .aboutus_summary a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 10; -webkit-box-orient: vertical; text-indent: 1em; line-height: 34px; } #news-area { background-color: #363131; background-size: cover; padding-top: 75px; padding-bottom: 110px; background-attachment: fixed; background-position: center; color: #fff; } #news-area > .container { width: 1350px; max-width: 100%; } #news-area h4 { text-align: center; margin-bottom: 110px; } #product-area { padding-top: 5px; } #product-area h4 { text-align: center; margin-bottom: 65px; } #product-area .down_icon { color: #d40008; text-align: center; font-size: 2.2em; } #product-area #product_hot .pro_summary { -webkit-line-clamp: 3; color: #434343; } #product-area #product_hot .item-text { padding-left: 0; padding-right: 0; padding-top: 10px; } #product-area #product_hot .item { width: 100%; } #product-area #product_hot .item .item-text a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 20px; } #product-area #product_hot .item-bottom { left: 0; } #product-area #product_hot .pro_title a:hover { color: #000; } #product-area #product_hot .fa-shopping-cart { font-size: 1em; } #product-area #product_hot .btn-outline-dark { opacity: 0.9; color: #000; background: rgba(0, 0, 0, 0); overflow: hidden; transition: all 0.3s; border-color: #a4a4a4; } #product-area #product_hot .btn-outline-dark::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; transform: scale(0); transition-duration: 0.3s; background-color: #df0000; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle), #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn { border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 12px 18px; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle).more .fa-caret-right, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn.more .fa-caret-right { color: #d40008; transition: all 0.3s; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn:hover { color: #fff; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover::before, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn:hover::before { transform: scale(1); } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover .fa-caret-right, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn:hover .fa-caret-right { transform: translateX(8px); color: #fff; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle).no-stock, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn.no-stock { opacity: 0.4; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle).no-stock:hover, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn.no-stock:hover { color: #000; } #product-area #product_hot .btn-group > .btn:not(:last-child):not(.dropdown-toggle).no-stock:hover::before, #product-area #product_hot .btn-group > .btn-group:not(:last-child) > .btn.no-stock:hover::before { background: inherit; transform: scale(0); } #product-area #product_hot .btn-group > .btn:not(:first-child), #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 12px 18px; } #product-area #product_hot .btn-group > .btn:not(:first-child).more .fa-caret-right, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn.more .fa-caret-right { color: #d40008; transition: all 0.3s; } #product-area #product_hot .btn-group > .btn:not(:first-child):hover, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn:hover { color: #fff; } #product-area #product_hot .btn-group > .btn:not(:first-child):hover::before, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn:hover::before { transform: scale(1); } #product-area #product_hot .btn-group > .btn:not(:first-child):hover .fa-caret-right, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn:hover .fa-caret-right { transform: translateX(8px); color: #fff; } #product-area #product_hot .btn-group > .btn:not(:first-child).no-stock, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn.no-stock { opacity: 0.4; } #product-area #product_hot .btn-group > .btn:not(:first-child).no-stock:hover, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn.no-stock:hover { color: #000; } #product-area #product_hot .btn-group > .btn:not(:first-child).no-stock:hover::before, #product-area #product_hot .btn-group > .btn-group:not(:first-child) > .btn.no-stock:hover::before { background: inherit; transform: scale(0); }